<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<main>
			<video
				src="http://fitness.h5.itsource.cn:3701/course/part1.mp4"
				id="video"
				muted
				autoplay
			></video>
			<p id="plan"><span id="now">1</span> / <span id="length">4</span></p>
			<p id="title">男子仰卧起坐</p>
			<div id="schedule">
				<span class="iconfont" id="left">&#xf0350;</span>
				<span class="iconfont" id="play">&#xe87a;</span>
				<span class="iconfont" id="right">&#xf034f;</span>
			</div>
			<div id="nowtime"></div>
		</main>
		<section id="mask"></section>
		<div id="box">
			<!-- 播放 -->
			<span id="continue" class="iconfont">&#xe87c;</span>
			<span id="continueText">继续</span>

			<!-- 退出 -->
			<span id="out" class="iconfont">&#xe87a;</span>
			<span id="outText">结束</span>
		</div>
	</body>
</html>
